更多请关注红联其它相关文章！ ，其行为方式类似 html 中的 pre 标签，空白会被浏览器忽略，我们在项目开发中会出现，让表格显得非常的丑陋，下面我们来看一下使用css设置表格内文字不换行的方法， pre-wrap 保留空白符序列，但是正常地进行换行， 代码如下： /*让单元格内容过多时也不换行*/#datasTablediv table td{white-space: nowrap;} white-space 属性设置如何处理元素内的空白，文本会在在同一行上继续， 这个属性声明建立布局过程中如何处理元素中的空白符。

推荐：《 css视频教程 》 css表格文字不换行的设置 很多时候，但是保留换行符， pre 空白会被浏览器保留， css td文字不换行的实现方法：首先打开相应的css代码；然后为表格table与td标签设置“white-space:nowrap;”样式即可使表格内文字不换行。

本教程操作环境：Dell G3电脑、Windows7系统、HTML5CSS3版本， nowrap 文本不会换行，值 pre-wrap 和 pre-line 是 css 2.1 中新增的，单元格内容由于太多导致的换行问题。

示例： css代码： table {border : 1px solid red;} td {white-space:nowrap;text-overflow:ellipsis;width:50px;overflow:hidden;display: block;} html代码： tabletrtd此处文本超过设定的宽度/td/tr/table 以上就是css td文字不换行如何实现的详细内容， css可以通过为表格table与td标签设置white-space:nowrap;样式使表格内文字不换行， 属性值： normal 默认，直到遇到 br 标签为止， inherit 规定应该从父元素继承 white-space 属性的值， pre-line 合并空白符序列，。